// 如果出现与老师格式不同的情况，可以试试直接在mainjs里面把maincss的引入移除，maincss会导致与现有css的冲突
// import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

import App from './App.vue'
import router from './router'
//引入基本的样式文件
import '@/styles/common.scss'
// 引入懒加载插件
import { lazyPlugin } from './directives'
// 引入组件全局插件 这里使用的名字必须和js文件中导出的名字相同
import { componentPlugin } from '@/components/index'

const app = createApp(App)
const pinia = createPinia()

pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(router)
// 使用（激活）懒加载插件
app.use(lazyPlugin)
// 使用（激活）全局组件
app.use(componentPlugin)

// 挂载代app盒子上
app.mount('#app')




